<style type="text/css">
	.div{
		width:50px;height: 50px;background-color: black;
		transition: width 3s, height 5s, background-color 5s;
		-webkit-transition:width 3s, height 5s, background-color 5s;
	}
	.div:hover{
		width:300px;
		height: 300px;
		background-color: yellow;
	}
	img{
				cursor: pointer;  
                transition: all 0.6s;  
	}

	img:hover{
		transform: scale(1.4);  
	}
	.div2{
		width:400px;
		height: 300px;
		border: 1px solid black;
		padding:10px;
		overflow: hidden;
	}
</style>

<div class="div">

</div>

<div class="div2"><img src="123.jpg">
</div>
<div class="div2"><img src="123.jpg">
</div>





